<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>越秀经验分享</title>

    <!-- css文件 -->
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/commom.css"/>
    <link rel="stylesheet" href="css/consume.css"/>
    <link rel="stylesheet" href="css/home.css"/>
    <link rel="stylesheet" href="css/road.css"/>
    <link rel="stylesheet" href="css/scenic.css"/>
    <link rel="stylesheet" href="css/attention.css"/>
    <link rel="stylesheet" href="css/att.css"/>

    <!-- js文件 -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.js"></script>
</head>


<body>
<!-- 导航栏 -->
<ul class="nav nav-tabs myNav" role="tablist" id="myTab">
    <a class="navbar-brand" href="#home" data-toggle="modal" data-target="#myModal"><img alt="Brand" src="image/logo.png" class="logo" /></a>
    <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">首页</a></li>
    <li role="presentation"><a href="#road" role="tab" data-toggle="tab">路线</a></li>
    <li role="presentation"><a href="#scenic" role="tab" data-toggle="tab">景点</a></li>
    <li role="presentation"><a href="#consume" role="tab" data-toggle="tab">消费清单</a></li>
    <li role="presentation"><a href="#attention" role="tab" data-toggle="tab">坑</a></li>
</ul>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">呵呵,你知道我是谁吗？</h4>
            </div>
            <div class="modal-body">
                <img src="image/logo.png" alt="logo" id="logoBig"/>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- 导航栏对应模块 -->
<div class="tab-content" id="main-content">

    <!-- 首页 -->
    <div role="tabpanel" class="tab-pane active" id="home">
        <!-- 巨幕 -->
        <div class="jumbotron" id="home-jum">
            <h1>越秀旅游经验分享</h1>
            <p>这里有三个逗比。。。</p>
            <div class="home-person-pic">
                <!--盛哥-->
                <a href="#"><img src="image/LZS.png" alt="LZS" /><span class="person-detail">李子盛：<br/>能帮我打个码吗？</span></a>
                <!--党员-->
                <a href="#"><img src="image/HZ.png" alt="clean" /><span class="person-detail">何峥：<br/>什么仇什么怨!</span></a>
                <!--赖某按钮-->
                <a href="#"><img src="image/LYJ.jpg" alt="LYJ" /><span class="person-detail">赖源劲：<br/>呵呵...</span></a>
            </div>
        </div>
        <div id="home-content">
            <!-- 图片墙 -->
            <div id="home-pic-wall">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="image/pic1.jpg" alt="hehe" class="img-responsive">
                            <div class="carousel-caption">
                                <h3>中山纪念堂</h3>
                                <p>孙中山</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="image/pic2.jpg" alt="hehe" class="img-responsive">
                            <div class="carousel-caption">
                                <h3>镇海楼</h3>
                                <p>我们是逗比</p>
                            </div>
                        </div>
                        <div class="item">
                            <img src="image/pic3.jpg" alt="hehe" class="img-responsive">
                            <div class="carousel-caption">
                                <h3>起义纪念</h3>
                                <p>观音山</p>
                            </div>
                        </div>
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>

            <!-- 旅程简介 -->
            <div id="home-travel-info">
                <h3>旅程简介</h3>
                <p>收到期末任务后，赖某提出他的意见----咱们去越秀考（you）察(wan)吧。 其他两人没有什么想法，于是就接受了他的提议。</p>
                <p>制定好行程计划后，我们在11月28日，实施了我们的计划。</p>
                <p>早上8点，我们乘坐地铁，从华师出发，抵达公园前，准备喝早茶。然而，我们找 了半个小时才找到了能喝早茶的酒楼。开茶市的酒楼很多，但由于市中心寸土寸金 的原因，每家酒楼都藏在一座座如写字楼一般的建筑、进了酒楼，我们三个在年龄 上尤为显眼，其他食客都上了一定的年纪了。也只有退休老人才有时间在这里悠哉 悠哉两小时了。</p>
                <p>喝完早茶后，我们前往第一个目的地——中山纪念堂。</p>
                <p>进入中山纪念堂，我们才知道，原来纪念堂是一个可容纳几千人的会堂。馆内陈列 了孙文同志生前“用过”的物品，并且走廊内图文并茂地讲述了孙中山生前的故事 （纪念堂旁边的陈列馆讲的是他死后的事情）。最值得吐槽的是，馆内卖纪念品的 店铺，摆满了各种共产党相关物。</p>
                <p>走出中山纪念堂，步行至越秀公园（隔着一条马路）。</p>
                <p>远远望向前方，就是中山纪念碑。这座碑全身由花岗岩砌成，刻有《总理遗嘱》， 告诫革命群众：革命尚未成功，共同奋斗实现自由平等。绕到中山纪念碑后，沿着明古城墙，我们来到了镇海楼（广州博物馆）。镇海楼二 到四层陈列着各种历史文物，年代从西汉到民国，主要为生活，生产用具。第五层 展示的是镇海楼的几百年岁月。其实印象最深刻是,终于知道那句“肥仔个头大过 五层楼”的五层楼是怎么来的了。</p>
                <p>之后，我们来到了广州的标志——五羊雕塑的面前。我们第一时间做的事情不是拍 照，而是绕着雕塑走了一圈，分公母……</p>
                <p>最后我们走出了越秀公园，又过了一条马路，走入了最后一个目的地，南越王墓博 物馆。总的来说，也都是陈列各种文物（殉葬品）。这个博物馆的特色就是，冷啊 ，黑啊，阴森啊。</p>
                <p>最后，我们在公元前站出来，解决了（下）午饭问题后，就各走各路了……</p>
            </div>
        </div>
    </div>

    <!-- 路线 -->
    <div role="tabpanel" class="tab-pane" id="road">
        <!-- 巨幕 -->
        <div class="jumbotron" id="road-jum">
            <h1>旅程路线</h1>
            <p>走啊走啊走啊，路漫漫其修远兮,吾将上下而求索!</p>
        </div>
        <div id="road-content">
            <div id="road-image">
                <img src="image/road.png" alt="hehe" class="img-responsive"/>
            </div>
        </div>
    </div>

    <!-- 景点 -->
    <div role="tabpanel" class="tab-pane" id="scenic">
        <ul id="subnav">
            <a href="#box1"><li>中山纪念堂</li></a>
            <a href="#box2"><li>中山纪念碑</li></a>
            <a href="#box3"><li>越秀古城墙</li></a>
            <a href="#box4"><li>广州博物馆</li></a>
            <a href="#box5"><li>五羊石雕</li></a>
            <a href="#box6"><li>西汉南越王墓</li></a>
            <a href="#scenic-jum"><li>返回顶部</li></a>
        </ul>

        <!-- 巨幕 -->
        <div class="jumbotron" id="scenic-jum">
            <h1>越秀旅游景点介绍</h1>
            <p>越秀有着广州最深厚的文化底蕴，让我们透过越秀来了解广州吧！</p>
        </div>
        <div id="scenic-container">
                <!-- 中山纪念堂 -->
                <div class="scenic-item"  id="box1">
                    <div class="scenic-intro">
                        <h3>中山纪念堂</h3>
                        <p>广州中山纪念堂是广州人民和海外华侨为纪念孙中山先生集资兴建的。1929年1月动工，1931年11月建成。这里原是1921年孙中山先生在广州出任临时大总统时的总统府旧址。 中山纪念堂是一座八角形的宫殿式建筑，全部建筑面积3700多平方米，高49米，是广州近代著名的建筑杰作。堂内有一个近似圆形的大会堂，直径71米，分上下两层，共有座位4700多个。设计者用四根大柱子（柱子位于四周的墙壁中），支撑着四个大跨度的钢桁架，像一把张开的雨伞，组成一个巨大的拱形屋顶。拱形屋顶托起八个主桁架，组成一个八角亭子。1956年，重铸的高5米的孙中山先生铜像屹立在纪念堂前。1963年对纪念堂进行了大规模翻修，屋顶全部采用蓝色琉璃瓦。在6万多平方米的公园四周增建了铁栅栏，在园内栽种了很多树木、花卉。现在，纪念堂已成为广州市重要集会和文艺演出的场所。</p>
                    </div>
                    <img src="image/hall.png" alt="中山纪念堂"/>
                </div>

                <!-- 中山纪念碑-->
                <div class="scenic-item" id="box2">
                    <div class="scenic-intro">
                        <h3>中山纪念碑</h3>
                        <p>中山纪念碑是为纪念伟大的民主革命家孙中山先生而建的，它位于观音山顶上，循“百步梯”上蹑498级可通达。纪念碑建于 1929年，由著名建筑师吕彦直设计。碑身全部用花岗石砌成，高37米，碑底为方形，向上渐小而尖，碑内有梯级可回旋至顶，第一、第二层四面都可凭栏俯瞰。更高处，每层有窗可向外远眺。碑基上层四面有26个羊头石雕，象征羊城。石碑的正面是长约7米、宽约4米的巨型花岗石，上面刻着孙中山的遗嘱，遗嘱的全文是：“余致力国民革命几四十年，其目的在求中国之自由平等，积四十年之经验，深知欲达到此目的，必须唤起民众，及联合世界上以平等待我之民族，共同奋斗。”</p>
                    </div>
                    <img src="image/monument.png" alt="中山纪念碑"/>
                </div>

                <!-- 越秀古城墙-->
                <div class="scenic-item" id="box3">
                    <div class="scenic-intro">
                        <h3>越秀古城墙</h3>
                        <p>从中山纪念碑后边，折向西行，可见一段约200多米的古城墙，逶迤伸展，隐没在丛林深处。但是，这一堵古城墙，远不止200多米长，它东起小北门今小北花园，西迄大北门今解放北路与盘福路交会处，共长约1100多米，断断续续，横跨越秀山。它是广州保存的惟一一段明代城墙，也是广州现存的最古老城墙，迄今已有600年的历史。越秀山古城墙始建于明代，它和镇海楼以及五仙观中的岭南第一楼被誉为“广州明初三大古迹”，又是广州仅存的一段古城墙。这段古城墙分西中东三部分：从大北门到镇海楼为西段，环镇海楼所在的小盘龙岗山头为中段，从广州美术馆到小北门为东段，共1000余米。城墙上的雉堞敌楼等早已荡然无存，保存较完好的是镇海楼附近的一段，长达200米。从山腰抬头仰望，还依稀可见巍峨高耸的城头上那锯齿状城碟和一块块红砂岩石镶嵌的斑驳的古城墙面。古城墙上芳草萋萋，如此苍凉凝重，给游人一种“念天地之悠悠”的怀古凭吊的情怀。</p>
                    </div>
                    <img src="image/old-wall.jpg" alt="越秀古城墙" id="sp1"/>
                </div>

                <!-- 广州博物馆-->
                <div class="scenic-item" id="box4">
                    <div class="scenic-intro">
                        <h3>广州博物馆</h3>
                        <p>镇海楼，又名望海楼，位于中国广东省广州市越秀山（越秀公园）小蟠龙冈上，为广州市标志性建筑之一，广东省级文物保护单位。全楼高25米，呈长方形，阔31米，深16米。下面两层围墙用红砂岩条石砌造，三层以上为砖墙，外墙逐层收减，有复檐5层，绿琉璃瓦覆盖，饰有石湾彩釉鳌鱼花脊，朱红墙绿瓦砌成，巍峨壮观，被誉为“岭南第一胜览”。镇海楼坐落在越秀山小蟠龙冈上。该楼又名“望海楼”，因当时珠海河道甚宽，故将“望江”变为“望海”。又因楼高5层，故又俗称“五层楼”。楼前碑廊有历代碑刻，右侧陈列有12门古炮。明朝洪武十三年（1380年），永嘉侯朱亮祖扩建广州城时，把北城墙扩展到越秀山上，同时在山上修筑了一座五层楼以壮观瞻。镇海楼历史上曾五毁五建，现建筑为钢筋混凝土结构，是1928年重修时由木构架改建成。1929年成为广州市市立博物馆。1950年改名广州博物馆，分朝代陈列广州城2000多年发展的文物史料。</p>
                    </div>
                    <img src="image/museum.jpg" alt="广州博物馆" id="sp2"/>
                </div>

                <!-- 五羊石雕 -->
                <div class="scenic-item" id="box5">
                    <div class="scenic-intro">
                        <h3>五羊石雕</h3>
                        <p>五羊石像由岭南著名雕塑艺术家尹积昌、陈本宗、孔繁纬创作，始建于1960年04月，位于越秀山木壳岗。相传，周夷王八年（公元前887年），广州人民辛劳终日、难得温饱，有一天，天空中仙乐缭绕，五位仙人身穿五彩衣，骑着五头山羊降临广州，体察民间疾苦后，驾祥云而去，口衔“一茎六出”谷穗的五羊遂化身巨石，永留广州。五羊仙子下凡间，给广州人民带来幸福吉祥，从此，广州成为了南国富饶之地，人民丰衣足食。这个美丽动人的传说世代相传，千百年来，广州因此在海内外人们心目中赢得“羊城”、“穗城”的美誉！雕像连基座高11米，共用130余块花岗石雕刻而成。体积约53立方米，仅主羊头部一块石料，就重达4 千余斤。五羊大小不一，主羊头部高高竖起，口中衔穗，回哞微笑，探视人间，余四只羊，环绕其身，或耍戏，或吃草，还有羊羔在吸吮母羊的乳汁。五羊姿态各异，造型优美，栩栩如生，情趣横溢，令人流连忘返，浮想联翩。</p>
                    </div>
                    <img src="image/five-sheep.png" alt="五羊石雕"/>
                </div>

                <!-- 西汉南越王墓-->
                <div class="scenic-item" id="box6">
                    <div class="scenic-intro">
                        <h3>西汉南越王墓</h3>
                        <p>西汉南越王墓博物馆位于广州市解放北路，越秀公园西侧象岗山，于1983年6月被发现，挖掘完毕即在原地建立西汉南越王博物馆，1988年正式对外开放，建筑面积17400多平方米，主要展示南越王墓原址及其出土文物。南越王墓中，玉器是最为重要的文化内涵之一，在出土的200多件玉器中，有礼玉、葬玉、装饰用玉和实用玉，琳琅满目应有尽有。其数量之多，品种之繁和保存之好，在全国已经发掘的汉墓中是前所未有的。此外，博物馆中还展出有唐代至元明时期的各种陶枕瓷枕数十个。该馆所藏瓷枕数量之多，品类之全，窑口之众，在现今世界众多的收藏单位中亦是实为罕见。</p>
                    </div>
                    <img src="image/xihan.jpg" alt="西汉南越王墓"/>
                </div>


        </div>
    </div>

    <!-- 消费清单 -->
    <div role="tabpanel" class="tab-pane" id="consume">
        <!-- 巨幕 -->
        <div class="jumbotron" id="consume-jum">
            <h1>消费清单</h1>
            <p>三人行。。。。总花销好像有点高</p>
        </div>
        <div id="consume-content">

            <h1 id="consume-title">各类消费(总计：234.2RMB)</h1>

            <div class="consume-table">
                <!-- 伙食类消费清单 -->
                <table class="table">
                    <caption>伙食</caption>
                    <thead>
                    <tr>
                        <th>时间</th>
                        <th>地点</th>
                        <th>美食</th>
                        <th>数量</th>
                        <th>单价</th>
                        <th>合计</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>9:20-10:00</td>
                        <td>一品汤臣</td>
                        <td>炸油条</td>
                        <td>1</td>
                        <td>3.8</td>
                        <td>3.8</td>
                    </tr>
                    <tr>
                        <td>9:20-10:00</td>
                        <td>一品汤臣</td>
                        <td>拆鱼粥</td>
                        <td>1</td>
                        <td>5</td>
                        <td>5</td>
                    </tr>
                    <tr>
                        <td>9:20-10:00</td>
                        <td>一品汤臣</td>
                        <td>布拉肉肠</td>
                        <td>2</td>
                        <td>8.8</td>
                        <td>17.6</td>
                    </tr>
                    <tr>
                        <td>9:20-10:00</td>
                        <td>一品汤臣</td>
                        <td>皮蛋瘦肉粥</td>
                        <td>2</td>
                        <td>8.8</td>
                        <td>17.6</td>
                    </tr>
                    <tr>
                        <td>9:20-10:00</td>
                        <td>一品汤臣</td>
                        <td>一品鲜虾饺</td>
                        <td>1</td>
                        <td>17</td>
                        <td>14.45 （8.5折）</td>
                    </tr>
                    <tr>
                        <td>9:20-10:00</td>
                        <td>一品汤臣</td>
                        <td>早茶/位</td>
                        <td>3</td>
                        <td>3</td>
                        <td>9</td>
                    </tr>
                    <tr>
                        <td>15:23-16:11</td>
                        <td>萨利亚</td>
                        <td>五目肠</td>
                        <td>1</td>
                        <td>13</td>
                        <td>13</td>
                    </tr>
                    <tr>
                        <td>15:23-16:11</td>
                        <td>萨利亚</td>
                        <td>鸡排烤饭</td>
                        <td>1</td>
                        <td>16</td>
                        <td>16</td>
                    </tr>
                    <tr>
                        <td>15:23-16:11</td>
                        <td>萨利亚</td>
                        <td>牛肉匹萨</td>
                        <td>1</td>
                        <td>20</td>
                        <td>20</td>
                    </tr>
                    <tr>
                        <td>15:23-16:11</td>
                        <td>萨利亚</td>
                        <td>培根菠萝匹萨</td>
                        <td>1</td>
                        <td>18</td>
                        <td>18</td>
                    </tr>
                    <tr>
                        <td>15:23-16:11</td>
                        <td>萨利亚</td>
                        <td>水果沙拉</td>
                        <td>1</td>
                        <td>8</td>
                        <td>8</td>
                    </tr>
                    <tr>
                        <td>15:23-16:11</td>
                        <td>萨利亚</td>
                        <td>畅饮7元</td>
                        <td>3</td>
                        <td>7</td>
                        <td>21</td>
                    </tr>
                    </tbody>
                </table>
                <p class="totalRMB">伙食总计：155RMB</p>
            </div>

            <div class="consume-table">
                <!-- 门票类消费清单 -->
                <table class="table">
                    <caption>门票</caption>
                    <thead>
                    <tr>
                        <th>时间</th>
                        <th>地点</th>
                        <th>数量</th>
                        <th>单价</th>
                        <th>合计</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>10:20</td>
                        <td>中山纪念堂</td>
                        <td>3</td>
                        <td>5（半票）</td>
                        <td>15</td>
                    </tr>
                    <tr>
                        <td>12:06</td>
                        <td>镇海楼</td>
                        <td>3</td>
                        <td>5（半票）</td>
                        <td>15</td>
                    </tr>
                    <tr>
                        <td>13:42</td>
                        <td>西汉南越王博物馆</td>
                        <td>3</td>
                        <td>5（半票）</td>
                        <td>15</td>
                    </tr>
                    </tbody>
                </table>
                <p class="totalRMB">门票总计：45RMB</p>
            </div>

            <div class="consume-table">
                <!-- 交通类消费清单 -->
                <table class="table">
                    <caption>地铁</caption>
                    <thead>
                    <tr>
                        <th>时间</th>
                        <th>地点</th>
                        <th>数量</th>
                        <th>单价</th>
                        <th>合计</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>8:14-8:37</td>
                        <td>华师站—>公园前站</td>
                        <td>3</td>
                        <td>3.8</td>
                        <td>11.4</td>
                    </tr>
                    <tr>
                        <td>10:12-10:14</td>
                        <td>公园前站—>纪念堂站</td>
                        <td>3</td>
                        <td>1.9</td>
                        <td>5.7</td>
                    </tr>
                    <tr>
                        <td>15:07-15:12</td>
                        <td>越秀公园站—>公园前站</td>
                        <td>3</td>
                        <td>1.9</td>
                        <td>5.7</td>
                    </tr>
                    <tr>
                        <td>16:17-16:41</td>
                        <td>公园前站—>华师站</td>
                        <td>3</td>
                        <td>1.9</td>
                        <td>5.7</td>
                    </tr>
                    </tbody>
                </table>
                <p class="totalRMB">交通费总计：34.2RMB</p>
            </div>
        </div>
    </div>

    <div role="tabpanel" class="tab-pane" id="attention">
        <!-- 巨幕 -->
        <div class="jumbotron" id="attention-jum">
            <h1>坑与注意点</h1>
            <p>踩踩坑挖挖坑，挖掘机哪家强！中国山东找蓝翔！</p>
        </div>
        <div id="att-container">
            <div id="att-content">
                <div id="att-intro">
                    <h1>呵呵。。。</h1>
                    <p>1.没有事先调查好要去的地方有没有在搞活动，这次我们去中山纪念堂，那里正好准备举办什么华人慈善大会，工作人员在纪念堂西侧建了一个大活动板房，在里面搭建舞台。我们在正门拍照时，那个活动板房，遮挡了纪念堂的三分之一。</p>
                    <p>2.另外，没有事先决定好喝早茶和吃饭的地方，我们花了半个小时，临时找了一家小酒楼。</p>
                    <p>3.没有找一份地图，导致我们在越秀公园逛的时候，走歧路。</p>
                </div>
                <img src="image/hehe.jpg" alt="囧"/>
            </div>
        </div>
    </div>

</div>
<hr/>
<div class="footer">
    <p>Copyright © 2014 以党为中心三个代表小组</p>
</div>
<script>
    $(function () {
        $('#myTab a:first').tab('show')
    })
</script>
</body>
</html>